html, body {
  height: 100%;
  width: 100%;
  background: #fdf6f7;
  font-family: "PingFang SC","Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN Normal", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

a {
  text-decoration: none;
  color: black;
}

li {
  list-style: none;
}

* {
  margin: 0;
  padding: 0;
}

.product {
  width: 100%;
  height: 100%;
  z-index: 22;
}

.product .tabwork {
  width: 100%;
  position: relative;
  height: 100%;
}

.product .tabwork .swiper-container {
  width: 100%;
  height: 100%;
}

.product .tabwork .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  background: url(../img/bg.png) no-repeat;
  background-size: cover;
  background-position: 100% 100%;
}

.product .tabwork .swiper-slide .logo {
  display: flex;
}

.product .tabwork .swiper-slide .logo img {
  width: 0.6rem;
  height: 0.6rem;
  display: block;
  margin: 4vh 0.2rem 0 0.32rem;
}

.product .tabwork .swiper-slide .logo p {
  margin-top: 4.5vh;
  color: white;
  font-size: 0.32rem;
  letter-spacing: 0.03rem;
}

.product .tabwork .swiper-slide .down {
  position: absolute;
  top: 20vh;
  left: 1.28rem;
}

.product .tabwork .swiper-slide .down .title {
  font-family: "SimSun";
  font-size: 0.6rem;
  line-height: 0.84rem;
  color: white;
  font-weight: 600;
  margin-bottom: 0.6rem;
}

.product .tabwork .swiper-slide .down .btn {
  width: 3rem;
  height: 0.88rem;
  background: white;
  border-radius: 0.44rem;
  box-shadow: 0 0 4px white;
  font-size: 0.36rem;
  text-align: center;
  line-height: 0.88rem;
  color: #f62461;
  margin: 0 auto;
  letter-spacing: 0.02rem;
}

.product .tabwork .swiper-slide .pic {
  position: absolute;
  bottom: 0;
  left: 0.4rem;
  width: 6.7rem;
  height: auto;
}

.tips {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 999;
}

.tips img {
  position: absolute;
}

.tips .jt {
  width: 2.58rem;
  height: auto;
  right: 1.04rem;
  top: 0.2rem;
}

.tips .toBrowser {
  width: 3.12rem;
  height: auto;
  left: 2.26rem;
  top: 3.38rem;
}

.tips .know {
  width: 2.62rem;
  height: auto;
  top: 6.32rem;
  left: 2.44rem;
}
